@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}
body{
    overflow: hidden;
    
    .main{
        .mobile{
//          position:relative;
            .row{
                font-size:0;
//              position:relative;
                overflow: hidden;
                div{
                    display:inline-block;
                    width:24.9%;
                    height:170px;
//                  padding-bottom:24.9%;
                    background:white;
                    border:1px solid dodgerblue;
//                  animation:height 0.5s;
                }
                .b{
                    background:black;
                }
        }

        }
    }
    .star{
        width:p(150);
        height:p(150);
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        img{
            width:100%;
        }
    }
    .stor{
        animation-play-state: paused;
    }
//  .starTwo{
//      transform: scale(3);
//      opacity: 0.5;
//  }
}
.jianbian{
    animation:gezi 0.5s linear;
    animation-iteration-count:1;
}
@keyframes gezi{
    from{height:0}
    to{height:p(250)}
} 
